<template>
  <!-- 主内容 -->
  <div id="main" class="w-full" style="background:#f5f5f5">
    <div id="page-home" class="pb20">
      <!-- 轮播图 -->
      <div class="col-1 w-full clearfix">
          <div class="col-1-r-l" area="col-1-r-l" widget_type="area">
              <div id="_widget_684" name="df_slides" widget_type="widget" class="widget">
                  <div class="full-slides J_S1502606379">
                      <ul class="bd">
                          <li style="height: 500px; background-size: 100% 100%;">
                            <a href="" target="_blank" style="display:block; height:500px; width:100%">
                              <img src="../../assets/images/index-pic1.jpg" alt="">
                            </a>
                          </li>
                          <li style="height: 500px; background: url() center center; background-size: 100% 100%;">
                              <a href="" target="_blank" style="display:block; height:500px; width:100%"></a>
                          </li>
                      </ul>
                      <div class="nav-box">
                          <div class="hd">
                              <a class="ks-active" href="javascript:;"><i></i></a>
                              <a href="javascript:;"><i></i></a>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>

      <!-- 快捷入口--固定显示 -->
      <div class="col-2 w clearfix">
          <div class="col-1-r-r float-right" area="col-1-r-r" widget_type="area">

              <div id="_widget_849" name="df_user" widget_type="widget" class="widget">
                  <div class="account J_S794430359">
                      <div class="user-info">
                          <div class="avata-pic">
                              <a href="javascript:;">
                                  <img src="../../assets/images/default_user_portrait.gif" />
                              </a>
                          </div>
                          <div class="hello clearfix">
                              <p class="he-tit">您好，欢迎光临</p>
                              <a class="login-btn" href="login.html">请登录</a>
                              <a class="regist-btn" href="register.html">免费注册</a>
                          </div>
                      </div>
                      <div class="quick">
                          <div class="kj-tit">快捷入口</div>
                          <div class="kj-con clearfix">
                              <div class="kj-item bor-r bor-b"> <a href="javascript:;"> <i
                                          class="i-con icon-1"></i> <span>我的浏览</span> </a> </div>
                              <div class="kj-item bor-r bor-b"> <a href=""> <i class="i-con icon-2"></i>
                                      <span>我的收藏</span> </a> </div>
                              <div class="kj-item bor-b"> <a href=""> <i class="i-con icon-3"></i>
                                      <span>我的订单</span> </a> </div>
                              <div class="kj-item bor-r"> <a href=""> <i class="i-con icon-4"></i>
                                      <span>账号安全</span> </a> </div>
                              <div class="kj-item bor-r"> <a href="javascript:;"> <i class="i-con icon-5"></i>
                                      <span>我要分享</span> </a> </div>

                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>

      <!-- 商品展示 -->
      <div class="col-3 w clearfix mt20" area="col-3" widget_type="area">
        <!-- 秒杀商品 -->
        <div id="_widget_423" name="df_seckill" widget_type="widget" class="widget">
            <div class="seckill-channel mb20 J_S1915840144">
                <div class="seckill clearfix">
                    <i class="se-icon"></i>
                    <div class="sk-time-cd">
                        <p class="sk-cd-tit">距结束</p>
                        <div class="cd-time clearfix J_CountDown1915840144">
                            <div class="time"> <span class="days NumDays">0</span>天<span
                                    class="hours NumHours">1</span>时<span
                                    class="minutes NumMins">41</span>分<span
                                    class="seconds NumSeconds">10</span>秒 </div>
                        </div>
                    </div>
                    <div class="sk-more">
                        <a href="" target="_blank">更多秒杀</a>
                        <i class="arrow"></i>
                    </div>
                </div>
                <div class="seckill-goods">
                    <div class="temp bd">
                        <ul class="clearfix">
                            <!--  -->
                            <li>
                                <div class="p-img">
                                    <a href="" target="_blank">
                                        <img src="../../assets/images/huawei.png" />
                                    </a>
                                </div>
                                <div class="p-name">
                                    <a href="" target="_blank">华为手机</a>
                                </div>
                                <div class="p-over clearfix">
                                    <div class="p-info ">
                                        <div class="p-price">
                                            <span class="shop-price">&yen;980.00</span>
                                            <span class="original-price">&yen;1,000.00</span>
                                        </div>
                                    </div>
                                    <div class="p-btn"> <a href="">立即抢购</a>
                                    </div>
                                </div>
                            </li>
                            <!--  -->
                            <li>
                                <div class="p-img">
                                    <a href="" target="_blank">
                                        <img src="../../assets/images/sanxingtv.png" />
                                    </a>
                                </div>
                                <div class="p-name">
                                    <a href="" target="_blank">三星（SAMSUNG）UA55MUF30ZJXXZ 55英寸 4K超高清 智能网络 液晶平板电视黑色</a>
                                </div>
                                <div class="p-over clearfix">
                                    <div class="p-info ">
                                        <div class="p-price">
                                            <span class="shop-price">&yen;2,999.00</span>
                                            <span class="original-price">&yen;2,999.00</span>
                                        </div>
                                    </div>
                                    <div class="p-btn"> <a href="">立即抢购</a>
                                    </div>
                                </div>
                            </li>
                            <!--  -->
                            <li>
                                <div class="p-img">
                                    <a href="" target="_blank">
                                        <img src="../../assets/images/suoni.png" />
                                    </a>
                                </div>
                                <div class="p-name">
                                    <a href="" target="_blank">索尼（SONY）KD-55A8F 55英寸 OLED 4K HDR安卓7.0智能电视（黑色）</a>
                                </div>
                                <div class="p-over clearfix">
                                    <div class="p-info ">
                                        <div class="p-price">
                                            <span class="shop-price">&yen;12,999.00</span>
                                            <span class="original-price">&yen;12,999.00</span>
                                        </div>
                                    </div>
                                    <div class="p-btn"> <a href="">立即抢购</a>
                                    </div>
                                </div>
                            </li>
                            <!--  -->
                            <li>
                                <div class="p-img">
                                    <a href="" target="_blank">
                                        <img src="../../assets/images/kangjia.png" />
                                    </a>
                                </div>
                                <div class="p-name">
                                    <a href="" target="_blank">康佳（KONKA）B55U 55英寸4K超高清31核金属边框HDR智能液晶平板电视</a>
                                </div>
                                <div class="p-over clearfix">
                                    <div class="p-info ">
                                        <div class="p-price">
                                            <span class="shop-price">&yen;2,499.00</span>
                                            <span class="original-price">&yen;2,499.00</span>
                                        </div>
                                    </div>
                                    <div class="p-btn"> <a href="">立即抢购</a>
                                    </div>
                                </div>
                            </li>
                            <!--  -->
                            <li>
                                <div class="p-img">
                                    <a href="" target="_blank">
                                        <img src="" />
                                    </a>
                                </div>
                                <div class="p-name">
                                    <a href="" target="_blank">Gree/格力 KFR-35GW/(35592)Da-3 大1.5匹定频冷暖空调挂机品圆</a>
                                </div>
                                <div class="p-over clearfix">
                                    <div class="p-info ">
                                        <div class="p-price">
                                            <span class="shop-price">&yen;2,699.00</span>
                                            <span class="original-price">&yen;2,699.00</span>
                                        </div>
                                    </div>
                                    <div class="p-btn"> <a href="">立即抢购</a>
                                    </div>
                                </div>
                            </li>
                            <!--  -->
                            <li>
                                <div class="p-img">
                                    <a href="" target="_blank">
                                        <img src="" />
                                    </a>
                                </div>
                                <div class="p-name">
                                    <a href="" target="_blank">AUX/奥克斯 KFR-35GW/NFI19+3大1.5匹冷暖定频壁挂式家用空调挂机</a>
                                </div>
                                <div class="p-over clearfix">
                                    <div class="p-info ">
                                        <div class="p-price">
                                            <span class="shop-price">&yen;2,099.00</span>
                                            <span class="original-price">&yen;2,099.00</span>
                                        </div>
                                    </div>
                                    <div class="p-btn"> <a href="">立即抢购</a>
                                    </div>
                                </div>
                            </li>
                            <!--  -->
                        </ul>
                    </div>
                    <div class="prev"><i class="icon-left"></i></div>
                    <div class="next"><i class="icon-right"></i></div>
                </div>
            </div>

        </div>
        <!-- 分类商品的展示 -->
        <div id="_widget_905" name="df_need_channel" widget_type="widget" class="widget">
          <div class="need-channel clearfix mb20">
            <!---->
            <div class="channel-column style-default style-mi">
              <div class="column-title">
                  <h3>优质新品</h3>
                  <p>专注生活美学</p>
              </div>
              <div class="column-img">
                  <img class="transform" src="../../assets/images/computer.png" />
              </div>
              <router-link to="/goodsList/5" tag="a" class="column-btn">去看看</router-link>
            </div>
              <!-- -->
              <div class="channel-column style-default style-danh">
                  <div class="column-title">
                      <h3>潮流女装</h3>
                      <p>春装流行款抢购</p>
                  </div>
                  <div class="column-img">
                      <img class="transform" src="../../assets/images/womenfu.png" />
                  </div>
                  <router-link to="/goodsList/10" tag="a" class="column-btn">去看看</router-link>
              </div>
              <!-- -->
              <div class="channel-column style-default style-huang">
                  <div class="column-title">
                      <h3>人气美鞋</h3>
                      <p>新外貌“鞋”会</p>
                  </div>
                  <div class="column-img">
                      <img class="transform" src="../../assets/images/women.png" />
                  </div>
                  <router-link to="/goodsList/9" tag="a" class="column-btn">去看看</router-link>
              </div>
              <!-- -->
              <div class="channel-column style-default style-danzi" style="margin-right:0">
                  <div class="column-title">
                      <h3>护肤彩妆</h3>
                      <p>春妆必买清单 低至3折</p>
                  </div>
                  <div class="column-img">
                      <img class="transform" src="../../assets/images/womenmei.png" />
                  </div>
                  <router-link to="/goodsList/11" tag="a" class="column-btn">去看看</router-link>
              </div>
              <!--  -->
          </div>

        </div>

      </div>
    </div>
  </div>
</template>

<script>
export default{
  data(){
    return{
    }
  }
}
</script>

<style scoped>

</style>